Install in five minutes
- Unzip this download. You need
zen-link-mosaic.sppkgfrom the folder. - Open the SharePoint admin center, then More features > Apps > Open to reach your tenant App Catalog. (No catalog yet? SharePoint creates one the first time you open Apps.)
- Upload
zen-link-mosaic.sppkgto Apps for SharePoint, tick Make this app available to all sites and choose Deploy. - Edit any modern page, choose + to add a web part, and pick Zen Link Mosaic from the Zen Systems group.
- Open the web part settings (pencil icon). Under Data source press Create the list on this site; the list is created with the right columns and sample items. Edit the items to make it yours.
Prefer PowerShell?
Connect-PnPOnline -Url https://<tenant>-admin.sharepoint.com -Interactive -ClientId <your PnP app id>
Add-PnPApp -Path .\zen-link-mosaic.sppkg -Scope Tenant -Publish -SkipFeatureDeploymentRequirements: SharePoint Online (Microsoft 365). No custom scripts, no Microsoft Graph permissions and nothing for an administrator to approve beyond deploying the app.
An eye-catching mosaic of icon links for landing pages: a honeycomb of hexagons, a grid of circles or a grid of squares, all fed by a SharePoint list.
Features
- Three tile shapes. Hexagon honeycomb, circles or rounded squares.
- List-driven. Add, reorder or hide links in the list; the page updates itself.
- Images or icons. Attached image, image URL or Fluent UI icon, in that order.
- Adjustable. Tile size, titles on or off, optional ring and background per tile.
- Shares its list with Zen Quick Links. One list, two presentations.
Settings
| Setting | What it does |
|---|---|
| List name | The list that holds the links (default ZenQuickLinks). |
| Create the list on this site | Creates the list with columns and sample links. |
| Title (optional) | Heading above the mosaic. |
| Tile shape | Hexagon (honeycomb), circle or square. |
| Tile size (px) | Size of each tile. |
| Show titles under tiles | Link text under each tile. |
| Tile border and background | Ring, background and shadow on each tile. Off by default. |
| Card frame around the web part | White card behind the whole web part. On by default. |
List columns (ZenQuickLinks)
Title, LinkUrl (Hyperlink), ImageUrl (Hyperlink), Icon (text, Fluent UI icon name), OpenInNewTab (Yes/No), IsActive (Yes/No), SortOrder (Number). Attachments enabled.
FAQ
Quick Links or Link Mosaic? Use Quick Links when you want a compact filmstrip or many links; use Link Mosaic for a bold honeycomb hero on a landing page. Both read the same list.
Need something custom?
Zen Systems builds SharePoint intranets, corporate and department home pages, custom master pages for SharePoint Server, and web parts made to your brief. Visit zensystems.in, use the contact page, or email enquiry@zensystems.in.